<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>拜访记录点评</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css">
    <link rel="stylesheet" href="../../../css/wx/style.css"/>
    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/gwat171_1/gwat171_1"]
        };
    </script>
    <script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>
    <style>
        .mui-content {
            padding: 0;
        }

        .mui-table-view-cell:after {
            height: 0;
        }

        .mui-card {
            margin-bottom: 0;
        }

        .mui-scroll-wrapper {
            top: 50px;
        }

        .mui-checkbox.mui-left label, .mui-radio.mui-left label {
            padding-left: 0;
        }

        .mui-table-view:before,.mui-table-view:after{
            display: none;
        }

        .mui-table-view-cell {
            padding: 10px 0px !important;
        }
    </style>

</head>

<body>
<!--搜索-->
<div class="mui-content">
    <div id="searchDiv" class="mui-input-row searchBox">
        <form action="javascript:app.returnFalse();">
            <i class="mui-icon mui-icon-search"></i>
            <input @search="toSearch" type="search" class="mui-input-clear" placeholder="商机主题|客户|日期|业务员"
                   v-model.trim="keyword">
        </form>
    </div>
</div>
<!--列表-->
<div id="scrollNY" class="mui-scroll-wrapper">
    <div class="mui-scroll">
        <gwat171-1-listitem :model="items"></gwat171-1-listitem>
    </div>
</div>

<script id="item-template" type="text/x-template">
    <ul class="mui-table-view" style="background: none">
        <li class="mui-table-view-cell" v-for="(item,index) in model">
            <div class="mui-card">

                <div class="mui-card-header">
                    <div class="mui-left" style="flex: 1 1 0%;">
                        <label>{{item.GWBHNAME}}</label>
                    </div>
                    <p><i class="iconfont icon icon-0011 wf-font-color"></i>{{item.GWBH003}}
                        <!--{{item.GWBH004}}-{{item.GWBH005}}-->
                    </p>
                </div>
                <div @tap.stop="showDetail(item)" class="mui-card-content" style="padding: 10px 15px;">
                    <p>客户名称:{{item.GWAKL004}}</p>
                    <p>商机主题:{{item.GWBGL003}}</p>
                    <p>成交几率:{{item.GWBH031}}</p>
                    <!--<p>商机阶段:{{item.gwavl003}}</p>-->
                    <p>下次拜访日期:{{item.GWBH019}}--{{item.GWBH020}}</p>
                    <p>负责业务员:{{item.NAME_}}</p>
                </div>

                <div class="mui-card-footer">
                     <!--:class="statueImg(item)"-->

                    <span style="flex: 1;"
                        v-text="item.gwbhacti=='N'?'未确认':'已确认'"></span>
                    <button
                            @tap.stop="showDetail(item)"
                            type="button" class="mui-btn mui-btn-danger mui-pull-right" style="width: 25%;">
                        点评
                    </button>
                </div>
            </div>
        </li>
    </ul>
</script>

</body>

</html>